<!--
 * @Author: daidai
 * @Date: 2022-03-01 15:27:58
 * @LastEditors: Seven
 * @LastEditTime: 2022-11-22 13:10:03
 * @FilePath: \web-pc\src\pages\big-screen\view\indexs\right-center.vue
-->
<template>
  <div class="right-bottom" v-if="pageflag">
    <ul class="wrap">
      <li>
        <h3>累计确诊</h3>
        <p class="pNum" style="color: #ffa352">610883275</p>
        <p class="ptext">较昨日待公布</p>
      </li>
      <li>
        <h3>现有确诊</h3>
        <p class="pNum" style="color: #791618">19754804</p>
        <p class="ptext">较昨日待公布</p>
      </li>
      <li>
        <h3>累计死亡</h3>
        <p class="pNum" style="color: #e44a3d">6567025</p>
        <p class="ptext">较昨日待公布</p>
      </li>
      <li>
        <h3>累计治愈</h3>
        <p class="pNum" style="color: #a31d13">584561446</p>
        <p class="ptext">较昨日待公布</p>
      </li>
    </ul>
  </div>
  <Reacquire v-else @onclick="getData" style="line-height: 200px" />
</template>

<script>
import { currentGET } from "api/modules";
export default {
  components: {},

  data() {
    return {
      options: {},
      pageflag: true,
    };
  },
  computed: {},
  created() {},

  mounted() {},
  methods: {
    getData() {},
  },
};
</script>
<style lang='scss' scoped>
.right-bottom {
  width: 100%;
  height: 100%;
  // background-color: rebeccapurple;
  .wrap {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    li {
      width: 50%;
      height: 46%;
      // background-color: red;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      align-items: center;
      h3 {
        font-weight: 600;
        // color: #0072ff;
        // display: inline-block;
        letter-spacing: 2px;
        background: linear-gradient(
          92deg,
          #0072ff 0%,
          #00eaff 48.8525390625%,
          #01aaff 100%
        );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 22px;
      }
      .pNum {
        font-size: 30px;
        font-weight: 700;
      }
      .ptext {
        font-weight: 500;
      }
    }
  }
}
</style>